<ion-view hide-tabs="true" view-title="{{title}}">

    <ion-content>
        <ion-refresher on-refresh="doRefresh()"></ion-refresher>
        <!----商品主图---->
        <ion-slide-box>
            <ion-slide>
                <div class="box">
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2016-03-07_56dce83f7e139.jpg" />
                </div>
            </ion-slide>
            <ion-slide>
                <div class="box">
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2015-09-13_55f536058d297.jpg"/>
                </div>
            </ion-slide>

        </ion-slide-box>
        <div class="">
            <ul class="list">

                <li class="item">

                    <span class="my-badge">世果365</span> <span class="positive">正宗海南菠萝</span>
                    约33斤/箱
                </li>
                <li class="item">
                    <div class="row" style="text-align: center">
                        <div class="col">
                            1件<br/>
                            <span class="price">￥90</span>
                        </div>
                        <div class="col">
                            ≥2件<br/>
                            <span class="price">￥80</span>
                        </div>
                        <div class="col">
                            ≥5件<br/>
                            <span class="price">￥70</span>
                        </div>
                    </div>
                </li>
                <li class="item" style="background: #efeff4">
                    商品详情
                </li>
                <li class="item" style="white-space:normal;">
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2016-01-13_5695b24577675.jpg" alt="" />
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2016-01-13_5695b2465dfa2.jpg" alt="" />
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2016-01-13_5695b246be9c5.jpg" alt="" />
                    <img src="http://7xk7h0.com1.z0.glb.clouddn.com/2016-01-13_5695b247448be.jpg" alt="" />
                </li>
            </ul>
        </div>
    </ion-content>

    <ion-footer-bar align-title="center" class="bar-dark" style="height:45px;">
        <div class="buttons">
            <button class="button icon-left button-positive button-large ion-ios-heart-outline"></button>

        </div>
        <h1 class="title"></h1>
        <div class="buttons">

            <button class="button icon-left button-positive button-large  ion-ios-cart-outline" style="margin-right: 5px;"></button>

            <button class="button button-assertive button-large">加入购物车</button>
        </div>
    </ion-footer-bar>

</ion-view>